import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import tailwindcss from '@tailwindcss/vite'

// https://vite.dev/config/
export default defineConfig({
  plugins: [vue(), tailwindcss()],
  // build: {
  //   rollupOptions: {
  //     // 避免 Swiper 被 Tree Shaking 移除
  //     external: ['swiper'],
  //     output: {
  //       globals: {
  //         swiper: 'Swiper',
  //       },
  //     },
  //   },
  //   // 确保 CSS 不被过度内联
  //   cssCodeSplit: true,
  // },
  build: {
    outDir: 'dist', // 输出目录
    rollupOptions: {
      output: {
        entryFileNames: 'js/index.js', // 指定入口文件输出为 /js/index.js
        chunkFileNames: 'static/js/[name]-[hash].js', // 其他 chunk 文件路径
        assetFileNames: 'static/[ext]/[name]-[hash].[ext]', // 其他资源（如 CSS）
      },
    },
  },
})
